<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            font-family: "Courier New", Courier, monospace;
        }
    </style>
</head>
<body>

<div>
    div
</div>


<script type="text/javascript" src="bootstrap/jquery-3.1.0.min.js"></script>
<script>
    /*css 可以写成json格式，其实json格式就是：js中的对象的存储格式。*/
    $("div").css({"border":"solid 1px red","font-size":"19px","color":"black"})

    /*js的对象形式：*/
    var boy={id:"1",name:"goodboy",address:"glassland",family:[{mother:"mum"},{father:"dad"},{sister:"sister"}]};
    console.log(boy);
    $("div").text(boy.family.length)
</script>
</body>
</html>